<html>
<head>
<meta charset="utf-8" author="wAnguxedan">
<link rel="stylesheet" type="text/css" href="css/shenhe.css">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
 <script type="text/javascript">
$(document.onload=function  () {
	var x=document.body.offsetWidth;
	$("#container").css("width",x+'px');
})
 </script>
</head>
<body> 

<div id="container"><!-- 最外层容器	 -->

<div id="top"><!-- 最顶部那一行 -->
<div id="top-left"><img src="image/1.jpg"></div>
<div id="top-right">
<ul>
<li><span>helium</span><img src="#"></li>
<li><span>帮助</span><img src="#"></li>
<li><span>消息</span><img src="#"></li>
</ul>
</div>
</div>

<div id="head"><!-- 蓝色背景部分 -->
<img src="image/2.jpg">
</div>

<div id="mainPage"><!-- 中间主页部分 -->
<div id="icon"></div>
<div id="info-head"><!-- 个人信息的头部 -->
<h1>Heliumya</h1>
<p>21岁 / 女 / 广东中山</p>
<ul>
<li>随和</li>
<li>逗逼</li>
<li>知性</li>
</ul>
</div>
<!-- 右边的聊天按钮 -->
<button id="chatbtn">聊一聊</button>
<p1>个人信息</p1>

<div id="info-content"><!-- 个人信息的主要内容 -->
	<ul>
		<li><span>　　　　昵　　称：</span>Helium</li>
		<li><span>　　　　是否吸烟：</span>否</li>
        <li><span>　　　　性　　别：</span>女</li>
        <li><span>　　　　是否喝酒：</span>否</li>
        <li><span>　　　　现居住地：</span>广东广州</li>
        <li><span>　　　　生活习惯：</span>煮饭洗衣样样精通</li>
        <li><span>　　　　家　　乡：</span>广东中山</li>
        <li><span>　　　　毕业学校：</span>华南农业大学</li>
        <li><span>　　　　民　　族：</span>汉族</li>
        <li><span>　　　　工作状况：</span>确定</li>
        <li><span>　　　　宗教信仰：</span>无</li>
        <li><span>　　　　交流语言：</span>粤语、普通话</li>
        <li style="width:90%"><span>　　　　自我介绍：</span>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</li>
	</ul>
	<button id="agreebtn">√通过申请</button>
	<button id="disagreebtn">×不满意</button>
</div>

</div>
<div id="foot">
<div id="foot1"><h1>Powererd By 红满堂工作室</h1><p>客服电话：18814127750/68750</p></div>
<div id="foot2">
<h2>关注我们</h2>
<span>红满堂论坛</span><span>二手市场</span><span>选课桶奶牛</span>
</div>
</div>

</div>	



</body>
</html>